
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="style/favicon.ico"/>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<link href="style/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/gatling.js"></script>
<script src="js/menu.js"></script>
<script src="js/ellipsis.js"></script>
<script src="js/all_sessions.js"></script>
<script src="js/stats.js"></script>
<script src="js/highstock.js"></script>
<script src="js/highcharts-more.js"></script>
<script src="js/theme.js"></script>
<script src="js/unpack.js"></script>
<title>Gatling Stats - consulta</title>
</head>
<body>
<div class="app-container">
<div class="frise"></div>
<div class="head">
  <div class="gatling-open-source">
    <a class="gatling-logo" href="https://gatling.io" target="blank_" title="Gatling Home Page"><img alt="Gatling" src="style/logo.svg"/></a>
    <a class="gatling-documentation" href="https://gatling.io/docs/" target="_blank">Documentation</a>
  </div>
  <a class="enterprise" href="https://gatling.io/enterprise/next-step/" target="_blank">Try <img alt="Gatling Enterprise" src="style/logo-enterprise.svg"/></a></div>
<div class="container details">
  <div class="nav">
    <ul></ul>
  </div>
    <div class="cadre">
      <div class="content">
        <div class="content-header">
          <div class="onglet">
            RinhaBackendSimulation
          </div>
          <div class="sous-menu" id="sousMenu">
            <div class="sous-menu-spacer">
              <div class="item "><a href="index.html">Global</a></div>
                <div class="item ouvert"><a id="details_link" href="#">Details</a></div>
              </div>
            </div>
          </div>
          <div class="content-in">
            <div class="container-article">
            <div class="article">
              
              
<div class="schema-container">

            <div id="ranges" class="schema ranges-large">
            </div>

                        <div class="infos">
                            <div class="infos-in">
	                        <div class="infos-title">Stats</div>
                                <div class="repli"></div>                               
                                <div class="info">
                                    <h2 class="first">Executions</h2>
                                    <table>
                                        <thead>
                                            <tr><th></th><th>Total</th><th>OK</th><th>KO</th></tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Total count</td>
                                                <td id="numberOfRequests" class="total"></td>
                                                <td id="numberOfRequestsOK" class="ok"></td>
                                                <td id="numberOfRequestsKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean count/s</abbr></td>
                                                <td id="meanNumberOfRequestsPerSecond" class="total"></td>
                                                <td id="meanNumberOfRequestsPerSecondOK" class="ok"></td>
                                                <td id="meanNumberOfRequestsPerSecondKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <h2 class="second">Response Time (ms)</h2>
                                    <table>
                                        <thead>
                                            <tr>
                                                <th></th>
                                                <th>Total</th>
                                                <th>OK</th>
                                                <th>KO</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Min</td>
                                                <td id="minResponseTime" class="total"></td>
                                                <td id="minResponseTimeOK" class="ok"></td>
                                                <td id="minResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">50th percentile</td>
                                                <td id="percentiles1" class="total"></td>
                                                <td id="percentiles1OK" class="ok"></td>
                                                <td id="percentiles1KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">75th percentile</td>
                                                <td id="percentiles2" class="total"></td>
                                                <td id="percentiles2OK" class="ok"></td>
                                                <td id="percentiles2KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">95th percentile</td>
                                                <td id="percentiles3" class="total"></td>
                                                <td id="percentiles3OK" class="ok"></td>
                                                <td id="percentiles3KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">99th percentile</td>
                                                <td id="percentiles4" class="total"></td>
                                                <td id="percentiles4OK" class="ok"></td>
                                                <td id="percentiles4KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Max</td>
                                                <td id="maxResponseTime" class="total"></td>
                                                <td id="maxResponseTimeOK" class="ok"></td>
                                                <td id="maxResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean</td>
                                                <td id="meanResponseTime" class="total"></td>
                                                <td id="meanResponseTimeOK" class="ok"></td>
                                                <td id="meanResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Standard Deviation</td>
                                                <td id="standardDeviation" class="total"></td>
                                                <td id="standardDeviationOK" class="ok"></td>
                                                <td id="standardDeviationKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

</div>
<div class="statistics extensible-geant collapsed">
    <div class="title">
        Errors
    </div>
    <table id="container_errors" class="statistics-in extensible-geant">
        <thead>
            <tr>
                <th id="error-col-1" class="header sortable"><span>Error</span></th>
                <th id="error-col-2" class="header sortable"><span>Count</span></th>
                <th id="error-col-3" class="header sortable"><span>Percentage</span></th>
            </tr>
        </thead>
		<tbody>
		    
		    <tr>
		    	<td class="error-col-1 total ko">Request timeout to localhost/127.0.0.1:9999 after 60000 ms<span class="value" style="display:none">0</span></td>
		    	<td class="value error-col-2 total ko">764</td>
		    	<td class="value error-col-3 total ko">80.506 %</td>
		    </tr>
		    <tr>
		    	<td class="error-col-1 total ko">j.i.IOException: Premature close<span class="value" style="display:none">1</span></td>
		    	<td class="value error-col-2 total ko">185</td>
		    	<td class="value error-col-3 total ko">19.494 %</td>
		    </tr>
		</tbody>
    </table>
</div>

            <div class="schema geant">
              <div id="responsetimeDistributionContainer" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimepercentilesovertimeokPercentilesContainer" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="requests" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="responses" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="container_response_time_dispersion" class="geant"></div>
            </div>

            </div>
          </div>
        </div>
      </div>
    </div>
</div>
<script>
    var pageStats = stats.contents['req_consulta-5d76b'].stats;
    $(document).ready(function() {
        $('.simulation-tooltip').popover({trigger:'hover', placement:'left'});
        setDetailsLinkUrl();
        setDetailsMenu();
        setActiveMenu();
        fillStats(pageStats);
        
Highcharts.setOptions({
  global: { useUTC: false }
});

var rangesChart = new Highcharts.Chart({
  chart: {
    renderTo: 'ranges',
    marginRight: 100
  },
  credits: { enabled: false },
  legend: { enabled: false },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  xAxis: {
    categories: [
      pageStats.group1.htmlName,
      pageStats.group2.htmlName,
      pageStats.group3.htmlName,
      pageStats.group4.htmlName
    ]
  },
  yAxis: {
    title: { text: 'Number of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      var s;
      if (this.point.name) { // the pie chart
        s = ''+ this.point.name +': '+ this.y +'% requests';
      } else {
        s = ''+ this.y + ' requests';
      }
      return s;
    }
  },
  plotOptions: {
    series: {
      stacking: 'normal',
      shadow: true
    }
  },
  series: [
    {
      type: 'column',
      data: [{
      	color: '#68b65c',
      	y: pageStats.group1.count
      },
      {
      	color: '#FFDD00',
      	y: pageStats.group2.count
      },
      {
      	color: '#FFA900',
      	y: pageStats.group3.count
      },
      {
      	color: '#f15b4f',
      	y: pageStats.group4.count
      }]
    },
    {
      type: 'pie',
      name: 'Percentages',
      data: [
        {
          name: pageStats.group1.name,
          y: pageStats.group1.percentage,
          color: '#68b65c'
        },
        {
          name: pageStats.group2.name,
          y: pageStats.group2.percentage,
          color: '#FFDD00'
        },
        {
          name: pageStats.group3.name,
          y: pageStats.group3.percentage,
          color: '#FFA900'
        },
        {
          name: pageStats.group4.name,
          y: pageStats.group4.percentage,
          color: '#f15b4f'
        }
      ],
      center: [368, 0],
      size: 90,
      showInLegend: false,
      dataLabels: { enabled: false }
    }
  ]
});

rangesChart.setTitle({
  text: '<span class="chart_title">Response Time Ranges</span>',
  useHTML: true
});

	    $('#container_errors').sortable('#container_errors');
    
var responsetimeDistributionChart = new Highcharts.Chart({
  chart: {
    renderTo: 'responsetimeDistributionContainer',
    type: 'column',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: 5,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  xAxis: {
    categories: ['302', '905', '1509', '2112', '2716', '3320', '3923', '4527', '5130', '5734', '6337', '6941', '7544', '8148', '8751', '9355', '9959', '10562', '11166', '11769', '12373', '12976', '13580', '14183', '14787', '15391', '15994', '16598', '17201', '17805', '18408', '19012', '19615', '20219', '20822', '21426', '22030', '22633', '23237', '23840', '24444', '25047', '25651', '26254', '26858', '27462', '28065', '28669', '29272', '29876', '30479', '31083', '31686', '32290', '32893', '33497', '34101', '34704', '35308', '35911', '36515', '37118', '37722', '38325', '38929', '39533', '40136', '40740', '41343', '41947', '42550', '43154', '43757', '44361', '44964', '45568', '46172', '46775', '47379', '47982', '48586', '49189', '49793', '50396', '51000', '51604', '52207', '52811', '53414', '54018', '54621', '55225', '55828', '56432', '57035', '57639', '58243', '58846', '59450', '60053', '60657'],
    tickInterval: 20
  },
  yAxis: {
    min: 0,
    title: { text: 'Percentage of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      return '<b>'+ this.x +' ms</b><br/>'+
      this.series.name +': '+ this.y +' %<br/>'+
      'Total: '+ this.point.stackTotal + ' %';
    }
  },
  plotOptions: {
    series: {
      groupPadding: 0,
      stacking: 'normal',
	    shadow: true
    }
  },
  series: [
  	{
type: 'column',
color: '#68b65c',
name: 'OK',
data: [
  32.61,5.01,3.24,1.86,1.74,0.76,0.85,1.63,3.92,0.22,0.0,0.74,0.0,0.63,0.31,0.83,0.46,0.01,0.0,0.45,0.0,0.43,0.0,0.0,0.89,1.14,0.59,0.0,0.0,0.61,0.0,0.0,0.34,3.34,0.86,0.0,0.0,0.0,0.03,0.07,1.24,0.0,0.0,0.87,0.03,0.1,2.67,0.94,1.32,0.0,1.4,2.74,0.18,0.0,0.6,3.35,2.88,1.83,0.87,0.02,0.0,0.0,0.3,0.0,0.0,0.75,0.0,0.01,0.03,0.0,0.51,1.13,0.0,0.0,0.0,0.0,0.05,0.0,0.0,0.2,0.72,1.05,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.08,0.0,0.0,0.0,0.0
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
},
  	{
type: 'column',
color: '#f15b4f',
name: 'KO',
data: [
  2.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,8.27,0.0
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
}
  ]
});

responsetimeDistributionChart.setTitle({
  text: '<span class="chart_title">Response Time Distribution</span>',
  useHTML: true
});

var responsetimepercentilesovertimeokPercentiles = unpack([[1692797771,[6,6,6,6,6,6,6,6,6,6]],[1692797772,[3,3,3,3,3,3,3,3,3,4]],[1692797773,[3,3,4,4,4,4,4,4,4,5]],[1692797774,[4,4,4,4,4,4,4,4,4,5]],[1692797775,[7,7,7,7,7,7,7,7,7,7]],[1692797776,[3,3,3,3,3,3,3,3,3,4]],[1692797777,[3,3,3,3,3,3,3,3,3,3]],[1692797778,[3,3,3,3,3,3,3,3,3,4]],[1692797779,[3,3,3,3,3,3,3,3,3,3]],[1692797780,[4,6,8,10,10,10,11,11,11,12]],[1692797781,[3,3,3,3,3,3,3,3,3,4]],[1692797782,[3,3,4,5,6,6,7,7,7,8]],[1692797783,[3,3,4,5,5,5,5,5,5,5]],[1692797784,[3,3,3,3,3,3,3,3,3,4]],[1692797785,[3,3,3,3,3,3,3,3,3,3]],[1692797786,[3,3,4,4,12,21,30,39,46,48]],[1692797787,[2,3,3,4,4,4,5,5,5,6]],[1692797788,[3,3,3,3,3,3,3,3,3,3]],[1692797789,[2,2,2,3,3,3,3,3,3,4]],[1692797790,[3,3,3,4,4,4,4,4,4,4]],[1692797791,[2,2,2,2,2,2,2,2,2,3]],[1692797792,[2,2,3,3,3,4,4,4,4,4]],[1692797793,[2,2,2,2,2,2,2,2,2,3]],[1692797794,[2,2,3,4,4,4,4,4,4,5]],[1692797795,[2,2,2,3,3,3,3,3,3,3]],[1692797796,[2,3,3,4,5,7,13,24,32,35]],[1692797797,[2,2,2,2,2,2,2,2,2,2]],[1692797798,[2,2,2,3,3,3,3,32,67,76]],[1692797799,[2,2,2,2,3,3,3,4,6,7]],[1692797800,[2,2,2,2,2,2,2,3,5,6]],[1692797801,[1,2,2,2,3,3,4,6,8,9]],[1692797802,[1,2,2,3,3,3,3,3,4,5]],[1692797803,[2,2,3,4,4,5,5,5,11,13]],[1692797804,[2,2,2,2,3,3,3,3,3,3]],[1692797805,[1,2,2,2,2,2,2,3,4,5]],[1692797806,[1,2,2,2,2,2,2,2,2,3]],[1692797807,[1,2,2,2,2,3,3,3,4,4]],[1692797808,[1,2,2,2,2,2,2,3,3,4]],[1692797809,[1,2,2,2,2,3,3,3,9,13]],[1692797810,[1,1,2,2,2,3,3,3,4,4]],[1692797811,[1,1,2,2,2,2,2,3,5,5]],[1692797812,[1,1,2,2,2,2,2,2,4,6]],[1692797813,[1,2,3,5,8,9,10,54,66,69]],[1692797814,[1,2,2,2,2,2,3,5,5,6]],[1692797815,[1,2,2,2,3,3,3,5,6,7]],[1692797816,[1,2,2,2,3,3,3,4,5,6]],[1692797817,[1,2,2,2,2,2,3,3,5,6]],[1692797818,[1,1,2,2,2,2,3,4,6,6]],[1692797819,[1,1,2,2,2,2,2,3,6,7]],[1692797820,[1,1,2,2,2,2,2,3,7,11]],[1692797821,[1,1,2,2,2,2,3,5,11,17]],[1692797822,[1,2,2,5,9,10,17,28,70,72]],[1692797823,[1,2,7,49,59,61,65,70,79,80]],[1692797824,[1,2,3,6,7,10,10,18,61,228]],[1692797825,[1,5,61,71,74,80,84,87,98,105]],[1692797826,[1,2,2,3,3,4,6,6,10,12]],[1692797827,[1,2,2,3,3,4,5,8,9,12]],[1692797828,[1,1,2,3,3,4,6,7,10,10]],[1692797829,[1,1,2,2,3,4,6,7,10,11]],[1692797830,[1,1,2,2,3,3,5,7,16,21]],[1692797831,[1,2,2,7,9,12,19,34,48,50]],[1692797832,[1,1,3,9,15,41,52,58,67,73]],[1692797833,[1,1,2,4,6,7,9,13,31,39]],[1692797834,[1,2,12,78,84,87,93,99,154,159]],[1692797835,[7,52,70,84,87,90,93,104,109,114]],[1692797836,[13,83,89,102,109,161,172,177,189,191]],[1692797837,[66,91,107,166,170,177,181,188,201,211]],[1692797838,[76,173,191,270,278,284,291,350,367,374]],[1692797839,[189,375,402,598,670,677,687,691,696,697]],[1692797840,[380,476,594,689,863,868,872,880,884,887]],[1692797841,[875,976,1254,1572,1573,1576,1577,1580,1583,1586]],[1692797842,[978,1159,1182,1879,1888,1892,1895,1896,1900,1902]],[1692797843,[795,818,1780,1795,2253,2262,2267,2270,2391,2965]],[1692797844,[2256,2272,2277,3748,3749,3750,3751,3752,3755,3756]],[1692797845,[2782,2799,4948,4960,4963,4965,4966,4968,4970,4972]],[1692797846,[3775,3792,5401,5462,5465,5467,5468,5470,5472,5472]],[1692797847,null],[1692797848,[4059,4074,8365,8380,8380,8384,8388,8390,8392,8393]],[1692797849,null],[1692797850,[4501,4522,8062,11600,11602,11605,11611,11614,11621,11625]],[1692797851,null],[1692797852,[10144,10161,10168,13073,13077,13078,13081,13083,13091,13092]],[1692797853,null],[1692797854,[10363,10363,10363,10363,10363,10363,10363,10363,10363,10363]],[1692797855,null],[1692797856,[16158,16176,17711,17727,17728,17751,17753,17756,17758,17771]],[1692797857,null],[1692797858,null],[1692797859,null],[1692797860,null],[1692797861,null],[1692797862,null],[1692797863,null],[1692797864,null],[1692797865,[15547,15609,47926,48327,48331,48335,48338,48390,48406,48415]],[1692797866,null],[1692797867,null],[1692797868,null],[1692797869,null],[1692797870,null],[1692797871,null],[1692797872,[41172,41172,41173,41226,41236,41247,41257,41268,41276,41279]],[1692797873,[40983,40983,40983,40983,40983,40983,40983,40983,40983,40983]],[1692797874,[6817,6854,39650,39671,39673,39676,39678,39685,39693,39695]],[1692797875,null],[1692797876,[6854,6929,37659,37672,37674,37688,37736,37741,37743,37744]],[1692797877,null],[1692797878,null],[1692797879,null],[1692797880,[3104,3277,33285,33301,33455,33460,33467,33473,33475,33475]],[1692797881,[2976,3066,33078,33101,33106,33157,33161,33168,33172,33176]],[1692797882,[2991,3074,17339,31660,31661,31663,31674,31676,31678,31679]],[1692797883,[2585,5054,30963,31168,31177,31184,31190,31201,31213,31274]],[1692797884,[4519,4631,4692,30597,30599,30651,30654,30672,30677,30682]],[1692797885,[5077,5184,5288,29177,29184,29203,29224,29234,29243,29249]],[1692797886,null],[1692797887,null],[1692797888,[26375,26446,28840,28872,28874,28877,28887,28903,28950,28962]],[1692797889,null],[1692797890,[24349,24377,25670,42484,42490,42496,42499,42503,42506,42507]],[1692797891,null],[1692797892,null],[1692797893,null],[1692797894,null],[1692797895,null],[1692797896,null],[1692797897,null],[1692797898,null],[1692797899,null],[1692797900,null],[1692797901,null],[1692797902,null],[1692797903,null],[1692797904,null],[1692797905,null],[1692797906,null],[1692797907,null],[1692797908,null],[1692797909,null],[1692797910,null],[1692797911,null],[1692797912,null],[1692797913,[20295,20395,20447,20464,20466,20468,20473,20476,20487,20492]],[1692797914,null],[1692797915,null],[1692797916,null],[1692797917,[30374,30382,30386,30389,30389,30389,30391,30393,30395,30397]],[1692797918,null],[1692797919,null],[1692797920,null],[1692797921,null],[1692797922,null],[1692797923,null],[1692797924,null],[1692797925,null],[1692797926,null],[1692797927,null],[1692797928,null],[1692797929,null],[1692797930,null],[1692797931,null],[1692797932,null],[1692797933,[15353,20518,20533,20610,20611,20612,20613,20619,20829,20864]],[1692797934,null],[1692797935,null],[1692797936,null],[1692797937,null],[1692797938,null],[1692797939,null],[1692797940,null],[1692797941,null],[1692797942,null],[1692797943,null],[1692797944,null],[1692797945,null],[1692797946,null],[1692797947,null],[1692797948,null],[1692797949,null],[1692797950,null],[1692797951,null],[1692797952,null],[1692797953,null],[1692797954,null],[1692797955,null],[1692797956,null],[1692797957,null],[1692797958,null],[1692797959,null],[1692797960,null],[1692797961,null],[1692797962,null],[1692797963,null],[1692797964,null],[1692797965,null],[1692797966,null],[1692797967,null],[1692797968,[20000,20053,20085,20094,20099,20105,20143,20156,46093,46094]],[1692797969,[19693,19912,19978,19986,19989,19999,20051,20080,20090,20094]],[1692797970,[24525,24541,24552,24560,24561,24563,24566,24569,24575,24577]],[1692797971,null],[1692797972,null],[1692797973,null],[1692797974,null],[1692797975,[20188,27824,27881,27899,27905,27909,27945,27985,28065,28173]],[1692797976,[27773,27787,27789,27795,27797,27799,27803,27808,27808,27809]],[1692797977,null],[1692797978,null],[1692797979,null],[1692797980,[23380,23554,23574,57957,57960,57962,57963,57964,57968,57970]],[1692797981,null],[1692797982,null],[1692797983,null],[1692797984,null],[1692797985,null],[1692797986,null],[1692797987,null],[1692797988,[15074,15100,15373,49468,49468,49473,49475,49487,49489,49490]],[1692797989,[14773,14987,49099,49138,49170,49176,49180,49183,49189,49195]],[1692797990,null],[1692797991,null],[1692797992,null],[1692797993,null],[1692797994,null],[1692797995,[8980,9086,9302,43184,43193,43273,43282,43288,43306,43378]],[1692797996,null],[1692797997,null],[1692797998,null],[1692797999,null],[1692798000,null],[1692798001,null],[1692798002,null],[1692798003,[1550,2271,10858,34904,35312,35401,35567,35583,35598,35611]],[1692798004,[772,1473,10117,34193,34285,34379,34523,34677,34788,34801]],[1692798005,[387,753,5951,33690,33703,33779,33795,33990,34092,34108]],[1692798006,[33177,33177,33177,33177,33177,33177,33177,33177,33177,33177]],[1692798007,null],[1692798008,null],[1692798009,null],[1692798010,null],[1692798011,null],[1692798012,null],[1692798013,null],[1692798014,null],[1692798015,null],[1692798016,null],[1692798017,null],[1692798018,null],[1692798019,null],[1692798020,null],[1692798021,null],[1692798022,null],[1692798023,null],[1692798024,null],[1692798025,null],[1692798026,null],[1692798027,null],[1692798028,null],[1692798029,null],[1692798030,null],[1692798031,null],[1692798032,null],[1692798033,null],[1692798034,null],[1692798035,null],[1692798036,null],[1692798037,null],[1692798038,null]]);

var responsetimepercentilesovertimeokPercentilesChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responsetimepercentilesovertimeokPercentilesContainer',
    zoomType: 'x',
    marginBottom: 60
  },
  colors: ['#c4fd90', '#7ff77f', '#6ff2ad', '#61ede6', '#58c7e0', '#4ea1d4', '#487ad9', '#3f52cc', '#7335dc', '#c73905', '#FFA900'],
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false,
    baseSeries: 9
  },
  rangeSelector: {
    rangeSelector: { align: "left" },
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#92918C',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Response Time (ms)' },
      opposite: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  plotOptions: {
    arearange: { lineWidth: 1 },
    series: {
      dataGrouping: { enabled: false }
    }
  },
  series: [
  
    
         {
pointInterval: 1000,
name: 'min',
data: responsetimepercentilesovertimeokPercentiles[0],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 10
},
         {
pointInterval: 1000,
name: '25%',
data: responsetimepercentilesovertimeokPercentiles[1],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 9
},
         {
pointInterval: 1000,
name: '50%',
data: responsetimepercentilesovertimeokPercentiles[2],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 8
},
         {
pointInterval: 1000,
name: '75%',
data: responsetimepercentilesovertimeokPercentiles[3],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 7
},
         {
pointInterval: 1000,
name: '80%',
data: responsetimepercentilesovertimeokPercentiles[4],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 6
},
         {
pointInterval: 1000,
name: '85%',
data: responsetimepercentilesovertimeokPercentiles[5],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 5
},
         {
pointInterval: 1000,
name: '90%',
data: responsetimepercentilesovertimeokPercentiles[6],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 4
},
         {
pointInterval: 1000,
name: '95%',
data: responsetimepercentilesovertimeokPercentiles[7],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 3
},
         {
pointInterval: 1000,
name: '99%',
data: responsetimepercentilesovertimeokPercentiles[8],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 2
},
         {
pointInterval: 1000,
name: 'max',
data: responsetimepercentilesovertimeokPercentiles[9],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 1
},
  allUsersData
  ]
});

responsetimepercentilesovertimeokPercentilesChart.setTitle({
  text: '<span class="chart_title chart_title_">Response Time Percentiles over Time (OK)</span>',
  useHTML: true
});

var requests = unpack([[1692797771,[1,1,0]],[1692797772,[2,2,0]],[1692797773,[3,3,0]],[1692797774,[2,2,0]],[1692797775,[1,1,0]],[1692797776,[2,2,0]],[1692797777,[2,2,0]],[1692797778,[2,2,0]],[1692797779,[1,1,0]],[1692797780,[2,2,0]],[1692797781,[4,4,0]],[1692797782,[6,6,0]],[1692797783,[5,5,0]],[1692797784,[3,3,0]],[1692797785,[3,3,0]],[1692797786,[5,5,0]],[1692797787,[5,5,0]],[1692797788,[5,5,0]],[1692797789,[3,3,0]],[1692797790,[7,7,0]],[1692797791,[2,2,0]],[1692797792,[7,7,0]],[1692797793,[3,3,0]],[1692797794,[6,6,0]],[1692797795,[6,6,0]],[1692797796,[9,9,0]],[1692797797,[9,9,0]],[1692797798,[13,13,0]],[1692797799,[15,15,0]],[1692797800,[15,15,0]],[1692797801,[21,21,0]],[1692797802,[24,24,0]],[1692797803,[25,25,0]],[1692797804,[27,27,0]],[1692797805,[35,35,0]],[1692797806,[33,33,0]],[1692797807,[38,38,0]],[1692797808,[42,42,0]],[1692797809,[43,43,0]],[1692797810,[47,47,0]],[1692797811,[49,49,0]],[1692797812,[54,54,0]],[1692797813,[53,53,0]],[1692797814,[59,59,0]],[1692797815,[58,58,0]],[1692797816,[62,62,0]],[1692797817,[64,64,0]],[1692797818,[71,71,0]],[1692797819,[73,73,0]],[1692797820,[78,78,0]],[1692797821,[74,74,0]],[1692797822,[79,79,0]],[1692797823,[85,85,0]],[1692797824,[83,83,0]],[1692797825,[91,91,0]],[1692797826,[94,94,0]],[1692797827,[98,98,0]],[1692797828,[94,94,0]],[1692797829,[97,97,0]],[1692797830,[98,98,0]],[1692797831,[106,106,0]],[1692797832,[119,119,0]],[1692797833,[111,111,0]],[1692797834,[83,83,0]],[1692797835,[114,114,0]],[1692797836,[111,111,0]],[1692797837,[117,117,0]],[1692797838,[100,100,0]],[1692797839,[79,79,0]],[1692797840,[59,59,0]],[1692797841,[52,52,0]],[1692797842,[57,57,0]],[1692797843,[84,84,0]],[1692797844,[34,34,0]],[1692797845,[63,63,0]],[1692797846,[62,62,0]],[1692797847,[0,0,0]],[1692797848,[69,69,0]],[1692797849,[0,0,0]],[1692797850,[84,84,0]],[1692797851,[0,0,0]],[1692797852,[83,83,0]],[1692797853,[0,0,0]],[1692797854,[1,1,0]],[1692797855,[0,0,0]],[1692797856,[112,112,0]],[1692797857,[0,0,0]],[1692797858,[0,0,0]],[1692797859,[0,0,0]],[1692797860,[0,0,0]],[1692797861,[0,0,0]],[1692797862,[0,0,0]],[1692797863,[0,0,0]],[1692797864,[0,0,0]],[1692797865,[167,165,2]],[1692797866,[0,0,0]],[1692797867,[0,0,0]],[1692797868,[0,0,0]],[1692797869,[0,0,0]],[1692797870,[0,0,0]],[1692797871,[0,0,0]],[1692797872,[3,3,0]],[1692797873,[1,1,0]],[1692797874,[158,138,20]],[1692797875,[0,0,0]],[1692797876,[59,53,6]],[1692797877,[0,0,0]],[1692797878,[0,0,0]],[1692797879,[0,0,0]],[1692797880,[65,61,4]],[1692797881,[115,109,6]],[1692797882,[35,34,1]],[1692797883,[498,498,0]],[1692797884,[193,193,0]],[1692797885,[315,251,64]],[1692797886,[0,0,0]],[1692797887,[0,0,0]],[1692797888,[168,168,0]],[1692797889,[0,0,0]],[1692797890,[129,102,27]],[1692797891,[0,0,0]],[1692797892,[0,0,0]],[1692797893,[0,0,0]],[1692797894,[0,0,0]],[1692797895,[0,0,0]],[1692797896,[0,0,0]],[1692797897,[0,0,0]],[1692797898,[0,0,0]],[1692797899,[0,0,0]],[1692797900,[0,0,0]],[1692797901,[0,0,0]],[1692797902,[0,0,0]],[1692797903,[0,0,0]],[1692797904,[0,0,0]],[1692797905,[0,0,0]],[1692797906,[0,0,0]],[1692797907,[0,0,0]],[1692797908,[0,0,0]],[1692797909,[0,0,0]],[1692797910,[0,0,0]],[1692797911,[0,0,0]],[1692797912,[0,0,0]],[1692797913,[69,36,33]],[1692797914,[0,0,0]],[1692797915,[0,0,0]],[1692797916,[0,0,0]],[1692797917,[77,35,42]],[1692797918,[0,0,0]],[1692797919,[0,0,0]],[1692797920,[0,0,0]],[1692797921,[0,0,0]],[1692797922,[0,0,0]],[1692797923,[0,0,0]],[1692797924,[0,0,0]],[1692797925,[0,0,0]],[1692797926,[0,0,0]],[1692797927,[0,0,0]],[1692797928,[0,0,0]],[1692797929,[0,0,0]],[1692797930,[0,0,0]],[1692797931,[0,0,0]],[1692797932,[0,0,0]],[1692797933,[246,114,132]],[1692797934,[0,0,0]],[1692797935,[0,0,0]],[1692797936,[0,0,0]],[1692797937,[0,0,0]],[1692797938,[0,0,0]],[1692797939,[0,0,0]],[1692797940,[0,0,0]],[1692797941,[0,0,0]],[1692797942,[0,0,0]],[1692797943,[0,0,0]],[1692797944,[0,0,0]],[1692797945,[0,0,0]],[1692797946,[0,0,0]],[1692797947,[0,0,0]],[1692797948,[0,0,0]],[1692797949,[0,0,0]],[1692797950,[0,0,0]],[1692797951,[0,0,0]],[1692797952,[0,0,0]],[1692797953,[0,0,0]],[1692797954,[0,0,0]],[1692797955,[0,0,0]],[1692797956,[0,0,0]],[1692797957,[0,0,0]],[1692797958,[0,0,0]],[1692797959,[0,0,0]],[1692797960,[0,0,0]],[1692797961,[0,0,0]],[1692797962,[0,0,0]],[1692797963,[0,0,0]],[1692797964,[0,0,0]],[1692797965,[0,0,0]],[1692797966,[0,0,0]],[1692797967,[0,0,0]],[1692797968,[312,161,151]],[1692797969,[199,103,96]],[1692797970,[146,64,82]],[1692797971,[0,0,0]],[1692797972,[0,0,0]],[1692797973,[0,0,0]],[1692797974,[0,0,0]],[1692797975,[531,266,265]],[1692797976,[36,18,18]],[1692797977,[0,0,0]],[1692797978,[0,0,0]],[1692797979,[0,0,0]],[1692797980,[18,18,0]],[1692797981,[0,0,0]],[1692797982,[0,0,0]],[1692797983,[0,0,0]],[1692797984,[0,0,0]],[1692797985,[0,0,0]],[1692797986,[0,0,0]],[1692797987,[0,0,0]],[1692797988,[33,33,0]],[1692797989,[159,159,0]],[1692797990,[0,0,0]],[1692797991,[0,0,0]],[1692797992,[0,0,0]],[1692797993,[0,0,0]],[1692797994,[0,0,0]],[1692797995,[211,211,0]],[1692797996,[0,0,0]],[1692797997,[0,0,0]],[1692797998,[0,0,0]],[1692797999,[0,0,0]],[1692798000,[0,0,0]],[1692798001,[0,0,0]],[1692798002,[0,0,0]],[1692798003,[348,348,0]],[1692798004,[560,560,0]],[1692798005,[682,682,0]],[1692798006,[1,1,0]],[1692798007,[0,0,0]],[1692798008,[0,0,0]],[1692798009,[0,0,0]],[1692798010,[0,0,0]],[1692798011,[0,0,0]],[1692798012,[0,0,0]],[1692798013,[0,0,0]],[1692798014,[0,0,0]],[1692798015,[0,0,0]],[1692798016,[0,0,0]],[1692798017,[0,0,0]],[1692798018,[0,0,0]],[1692798019,[0,0,0]],[1692798020,[0,0,0]],[1692798021,[0,0,0]],[1692798022,[0,0,0]],[1692798023,[0,0,0]],[1692798024,[0,0,0]],[1692798025,[0,0,0]],[1692798026,[0,0,0]],[1692798027,[0,0,0]],[1692798028,[0,0,0]],[1692798029,[0,0,0]],[1692798030,[0,0,0]],[1692798031,[0,0,0]],[1692798032,[0,0,0]],[1692798033,[0,0,0]],[1692798034,[0,0,0]],[1692798035,[0,0,0]],[1692798036,[0,0,0]],[1692798037,[0,0,0]],[1692798038,[0,0,0]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'requests',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of requests' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: requests[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData
  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of requests per second</span>',
  useHTML: true
});

var responses = unpack([[1692797771,[1,1,0]],[1692797772,[2,2,0]],[1692797773,[3,3,0]],[1692797774,[2,2,0]],[1692797775,[1,1,0]],[1692797776,[2,2,0]],[1692797777,[2,2,0]],[1692797778,[2,2,0]],[1692797779,[1,1,0]],[1692797780,[2,2,0]],[1692797781,[4,4,0]],[1692797782,[6,6,0]],[1692797783,[5,5,0]],[1692797784,[3,3,0]],[1692797785,[3,3,0]],[1692797786,[5,5,0]],[1692797787,[5,5,0]],[1692797788,[5,5,0]],[1692797789,[3,3,0]],[1692797790,[7,7,0]],[1692797791,[2,2,0]],[1692797792,[7,7,0]],[1692797793,[3,3,0]],[1692797794,[6,6,0]],[1692797795,[6,6,0]],[1692797796,[9,9,0]],[1692797797,[9,9,0]],[1692797798,[13,13,0]],[1692797799,[15,15,0]],[1692797800,[15,15,0]],[1692797801,[21,21,0]],[1692797802,[24,24,0]],[1692797803,[24,24,0]],[1692797804,[28,28,0]],[1692797805,[35,35,0]],[1692797806,[32,32,0]],[1692797807,[39,39,0]],[1692797808,[42,42,0]],[1692797809,[43,43,0]],[1692797810,[47,47,0]],[1692797811,[49,49,0]],[1692797812,[54,54,0]],[1692797813,[52,52,0]],[1692797814,[60,60,0]],[1692797815,[58,58,0]],[1692797816,[62,62,0]],[1692797817,[64,64,0]],[1692797818,[71,71,0]],[1692797819,[73,73,0]],[1692797820,[77,77,0]],[1692797821,[75,75,0]],[1692797822,[78,78,0]],[1692797823,[86,86,0]],[1692797824,[82,82,0]],[1692797825,[90,90,0]],[1692797826,[96,96,0]],[1692797827,[98,98,0]],[1692797828,[94,94,0]],[1692797829,[96,96,0]],[1692797830,[99,99,0]],[1692797831,[104,104,0]],[1692797832,[120,120,0]],[1692797833,[112,112,0]],[1692797834,[72,72,0]],[1692797835,[114,114,0]],[1692797836,[108,108,0]],[1692797837,[120,120,0]],[1692797838,[92,92,0]],[1692797839,[57,57,0]],[1692797840,[61,61,0]],[1692797841,[39,39,0]],[1692797842,[35,35,0]],[1692797843,[59,59,0]],[1692797844,[54,54,0]],[1692797845,[44,44,0]],[1692797846,[19,19,0]],[1692797847,[0,0,0]],[1692797848,[46,46,0]],[1692797849,[0,0,0]],[1692797850,[62,62,0]],[1692797851,[0,0,0]],[1692797852,[67,67,0]],[1692797853,[0,0,0]],[1692797854,[42,42,0]],[1692797855,[0,0,0]],[1692797856,[35,35,0]],[1692797857,[0,0,0]],[1692797858,[0,0,0]],[1692797859,[0,0,0]],[1692797860,[0,0,0]],[1692797861,[0,0,0]],[1692797862,[85,85,0]],[1692797863,[0,0,0]],[1692797864,[0,0,0]],[1692797865,[43,41,2]],[1692797866,[0,0,0]],[1692797867,[0,0,0]],[1692797868,[0,0,0]],[1692797869,[0,0,0]],[1692797870,[0,0,0]],[1692797871,[0,0,0]],[1692797872,[55,55,0]],[1692797873,[0,0,0]],[1692797874,[77,57,20]],[1692797875,[0,0,0]],[1692797876,[6,0,6]],[1692797877,[0,0,0]],[1692797878,[0,0,0]],[1692797879,[0,0,0]],[1692797880,[83,79,4]],[1692797881,[50,44,6]],[1692797882,[25,24,1]],[1692797883,[25,25,0]],[1692797884,[71,71,0]],[1692797885,[73,71,2]],[1692797886,[76,14,62]],[1692797887,[0,0,0]],[1692797888,[286,286,0]],[1692797889,[0,0,0]],[1692797890,[129,102,27]],[1692797891,[27,27,0]],[1692797892,[0,0,0]],[1692797893,[0,0,0]],[1692797894,[0,0,0]],[1692797895,[0,0,0]],[1692797896,[0,0,0]],[1692797897,[0,0,0]],[1692797898,[0,0,0]],[1692797899,[0,0,0]],[1692797900,[0,0,0]],[1692797901,[0,0,0]],[1692797902,[0,0,0]],[1692797903,[0,0,0]],[1692797904,[0,0,0]],[1692797905,[0,0,0]],[1692797906,[0,0,0]],[1692797907,[0,0,0]],[1692797908,[0,0,0]],[1692797909,[0,0,0]],[1692797910,[0,0,0]],[1692797911,[0,0,0]],[1692797912,[0,0,0]],[1692797913,[92,88,4]],[1692797914,[661,661,0]],[1692797915,[146,146,0]],[1692797916,[0,0,0]],[1692797917,[97,90,7]],[1692797918,[0,0,0]],[1692797919,[0,0,0]],[1692797920,[0,0,0]],[1692797921,[0,0,0]],[1692797922,[0,0,0]],[1692797923,[0,0,0]],[1692797924,[0,0,0]],[1692797925,[0,0,0]],[1692797926,[0,0,0]],[1692797927,[0,0,0]],[1692797928,[0,0,0]],[1692797929,[0,0,0]],[1692797930,[0,0,0]],[1692797931,[0,0,0]],[1692797932,[0,0,0]],[1692797933,[98,84,14]],[1692797934,[0,0,0]],[1692797935,[0,0,0]],[1692797936,[0,0,0]],[1692797937,[0,0,0]],[1692797938,[0,0,0]],[1692797939,[0,0,0]],[1692797940,[0,0,0]],[1692797941,[0,0,0]],[1692797942,[0,0,0]],[1692797943,[0,0,0]],[1692797944,[0,0,0]],[1692797945,[0,0,0]],[1692797946,[0,0,0]],[1692797947,[0,0,0]],[1692797948,[50,50,0]],[1692797949,[0,0,0]],[1692797950,[0,0,0]],[1692797951,[0,0,0]],[1692797952,[0,0,0]],[1692797953,[0,0,0]],[1692797954,[99,99,0]],[1692797955,[0,0,0]],[1692797956,[0,0,0]],[1692797957,[0,0,0]],[1692797958,[0,0,0]],[1692797959,[0,0,0]],[1692797960,[0,0,0]],[1692797961,[0,0,0]],[1692797962,[0,0,0]],[1692797963,[0,0,0]],[1692797964,[0,0,0]],[1692797965,[0,0,0]],[1692797966,[0,0,0]],[1692797967,[0,0,0]],[1692797968,[0,0,0]],[1692797969,[0,0,0]],[1692797970,[23,0,23]],[1692797971,[0,0,0]],[1692797972,[0,0,0]],[1692797973,[29,0,29]],[1692797974,[0,0,0]],[1692797975,[7,0,7]],[1692797976,[0,0,0]],[1692797977,[35,0,35]],[1692797978,[0,0,0]],[1692797979,[0,0,0]],[1692797980,[0,0,0]],[1692797981,[0,0,0]],[1692797982,[0,0,0]],[1692797983,[0,0,0]],[1692797984,[0,0,0]],[1692797985,[0,0,0]],[1692797986,[0,0,0]],[1692797987,[0,0,0]],[1692797988,[172,172,0]],[1692797989,[87,87,0]],[1692797990,[0,0,0]],[1692797991,[0,0,0]],[1692797992,[0,0,0]],[1692797993,[118,0,118]],[1692797994,[0,0,0]],[1692797995,[91,91,0]],[1692797996,[0,0,0]],[1692797997,[0,0,0]],[1692797998,[0,0,0]],[1692797999,[0,0,0]],[1692798000,[0,0,0]],[1692798001,[0,0,0]],[1692798002,[0,0,0]],[1692798003,[267,267,0]],[1692798004,[201,201,0]],[1692798005,[246,246,0]],[1692798006,[549,549,0]],[1692798007,[0,0,0]],[1692798008,[0,0,0]],[1692798009,[0,0,0]],[1692798010,[0,0,0]],[1692798011,[0,0,0]],[1692798012,[0,0,0]],[1692798013,[0,0,0]],[1692798014,[5,5,0]],[1692798015,[0,0,0]],[1692798016,[0,0,0]],[1692798017,[0,0,0]],[1692798018,[0,0,0]],[1692798019,[0,0,0]],[1692798020,[0,0,0]],[1692798021,[0,0,0]],[1692798022,[0,0,0]],[1692798023,[0,0,0]],[1692798024,[0,0,0]],[1692798025,[0,0,0]],[1692798026,[0,0,0]],[1692798027,[0,0,0]],[1692798028,[140,0,140]],[1692798029,[107,0,107]],[1692798030,[59,0,59]],[1692798031,[0,0,0]],[1692798032,[0,0,0]],[1692798033,[0,0,0]],[1692798034,[0,0,0]],[1692798035,[257,0,257]],[1692798036,[19,0,19]],[1692798037,[0,0,0]],[1692798038,[1006,1006,0]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responses',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of responses' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: responses[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
},
{
color: '#68b65c',
name: 'OK',
data: responses[1],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
{
color: '#f15b4f',
name: 'KO',
data: responses[2],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData,
{
  
type: 'pie',
name: 'Distribution',
data: [
  {name: 'OK', y: 8283.0, color: '#68b65c'},{name: 'KO', y: 949.0, color: '#f15b4f'}
],
center: [775, -40],
size: 70,
showInLegend: false,
dataLabels: { enabled: false },
dataGrouping: { enabled: false }

}

  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of responses per second</span>',
  useHTML: true
});

var scatterChart = new Highcharts.Chart({
  chart: {
    renderTo: 'container_response_time_dispersion', 
    defaultSeriesType: 'scatter',
    zoomType: 'xy',
    marginBottom: 90
  },
  credits: { enabled: false },
  xAxis: {
    title: {
      enabled: true,
      text: 'Global number of requests per second',
      style: { fontWeight: 'bold' }
    },
    startOnTick: true,
    endOnTick: true,
    showLastLabel: true,
    min: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  yAxis: {
    min: 0,
    title: { text: 'Response Time (ms)' }
  },
  tooltip: {
    formatter: function() {
         return ''+ this.y +' ms at ' + this.x + ' allreq/s';
    }
  },
  legend: {
    enabled: true,
    floating: true,
    y: 0,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
  },
  plotOptions: {
    scatter: {
      marker: {
        radius: 3,
        states: {
          hover: {
            enabled: true,
            lineColor: 'rgb(100,100,100)'
          }
        }
      },
      states: {
        hover: {
          marker: { enabled: false }
        }
      }
    }
  },
  series: [
	  {
type: 'scatter',
color: '#68b65c',
name: 'OK',
data: [
[1,33177],[7,6],[7,7],[7,3],[8,3],[8,4],[8,3],[8,3],[8,3],[8,11],[8,2],[9,4],[10,3],[10,3],[10,3],[10,2],[12,3],[13,3],[15,39],[16,5],[16,5],[17,4],[18,7],[18,4],[18,3],[18,57964],[19,4],[25,24],[30,2],[33,49487],[39,32],[45,4],[50,3],[58,6],[66,3],[72,5],[77,3],[90,3],[91,2],[100,3],[108,3],[113,3],[121,3],[128,3],[137,2],[139,54],[149,5],[153,5],[159,49183],[161,4],[166,3],[176,4],[184,3],[193,3],[193,5],[199,28],[211,43288],[213,70],[213,18],[226,87],[232,6],[240,7],[241,8],[245,3752],[247,7],[250,1580],[251,10363],[253,7],[254,99],[255,880],[260,1896],[265,34],[269,691],[277,13],[278,4968],[281,58],[281,5470],[287,350],[289,104],[289,177],[290,2270],[295,8390],[300,188],[318,11614],[326,13083],[326,41268],[328,40983],[348,35583],[371,17756],[376,27808],[398,37741],[398,31676],[421,33473],[462,48390],[474,33168],[490,39685],[524,42503],[559,28903],[560,34677],[561,20476],[565,30672],[579,30393],[682,33990],[691,29234],[814,20619],[863,24569],[865,31201],[912,20080],[1019,20156],[1268,27985]
]},
	  {
type: 'scatter',
color: '#f15b4f',
name: 'KO',
data: [
[376,60001],[398,12],[398,3],[421,2],[462,53],[474,66],[490,74],[524,59],[561,60001],[579,60001],[691,253],[814,60089],[863,60016],[912,60302],[1019,60192],[1268,60054]
]}
	]
});

scatterChart.setTitle({
  text: '<span class="chart_title">Response Time against Global Throughput</span>',
  useHTML: true
});

    });
</script>
</div>
</body>
</html>
